<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JQuery获取元素属性</title>
</head>
<body>
    <p><a href="https://www.bitejiuyeke.com/index" id="bite">比特就业课</a></p>
    <script src="JS/jquery-3.7.1.min.js"></script>
    <script>
        //获取元素属性
        //1.获取元素的属性值
        //语法：$(选择器).attr("属性名");
        $(function(){
            //使用#bite是因为id=bite，JQuery选择器中#表示id
            var href = $("#bite").attr("href");
            console.log(href);
            
            //获取p 标签下的a标签的href属性值
            //使用p a是因为p标签下的a标签，JQuery选择器中空格表示后代
            var result = $("p a").attr("href");
            console.log(result);
        })

        //2.设置元素的属性值
        //语法：$(选择器).attr("属性名","属性值");
        $(function(){
            //使用#bite是因为id=bite，JQuery选择器中#表示id
            $("#bite").attr("href","http://www.baidu.com");
            console.log($("#bite").attr("href"));
        })

    </script>
</body>
</html>